{extends file="layout.tpl"}
{block name="content"}
<div class="box-content">
	<div class="detail-title clr _bdot _mp20">
			<span class="fl strong _f11">
				{$box_title} <img alt="" src="{url path="images/navRow.png"}">
			</span>
			<span class="fr _cl9 _f11">
				{$new['date']}
			</span>
		</div>
	<div class="category_featured clr">
		{$j=0}
		{foreach $hot_news as $new}
				{if ($i++) == 0}
					<div class="cate_featured fl">
						<img alt="{$new['name']}" src="{$new['image']}">
						<h1><a href="{$new['link']}" title="{$new['name']}">{$new['name']}</a></h1>
					</div>
				{else}
					<div class="fr cate_topview">
						<img alt="{$new['name']}" src="{$new['image']}">
						<a href="{$new['link']}" title="{$new['name']}">{$new['name']}</a>
						<p>{$new['introtext']|mb_substr:0:100}...</p>
					</div>
				{/if}
		{/foreach}
	</div>
	<div class="category_filter">
		<ul id="page_tap" class="filter_menu clr">
			<li class="active">
				<a href="javascript:void(0)" rel="all">Tất cả</a>
			</li>
			<li>
				<a href="javascript:void(0)" rel="featured">Nổi Bật</a>
			</li>
			
		</ul>
		<div class="category_fl_content">
			<div id="all_ct">
				<ol id="category_list" class="w-list mt10">
					{$i=0}
					{foreach $news as $new}
						{if $new['is_hot'] == 0}
						<li class="w-item{if (($i++)%2==0)} w-event{/if} {if ($i==count($news))} w-last{/if}">
							<div class="w-row clr">
								{if $new['image'] != ''}
									<div class="w-image">
										<img alt="{$new['name']}" src="{url path="{$new['image']}"}">
									</div>
								{/if}
								<div {if $new['image'] != ''} class="w-info" {/if}>
									<h2>
										<a class="strong" title="{$new['name']}" href="{$new['link']}">{$new['name']}</a>
										{if $new['is_hot'] == 1}
											<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
										{/if}
										<br>
										<span class="_cl9 _f11">{$new['date']}</span>
									</h2>
									<div>
										<p>
										{$new['introtext']}
										</p>
									</div>
								</div>
							</div>
						</li>
						{/if}
					{/foreach}
				</ol>
			</div>
			<div id="featured_ct" style="display:none">
				<ol class="w-list mt10" >
					{$i=0}
					{foreach $news as $new}
						{if  ($new['is_hot'] == 0) && ($new['featured'] == 1)}
						<li class="w-item{if (($i++)%2==0)} w-event{/if} {if ($i==count($news))} w-last{/if}">
							<div class="w-row clr">
								{if $new['image'] != ''}
									<div class="w-image">
										<img alt="{$new['name']}" src="{url path="{$new['image']}"}">
									</div>
								{/if}
								<div {if $new['image'] != ''} class="w-info" {/if}>
									<h2>
										<a class="strong" title="{$new['name']}" href="{$new['link']}">{$new['name']}</a>
									</h2>
									<div>
										<p>
										{$new['introtext']}
										</p>
									</div>
								</div>
							</div>
						</li>
						{/if}
					{/foreach}
				</ol>
			</div>
		</div>
		
		<p class="pageAjax">
			<a href="javascript:void(0)" title="Xem thêm" id="hpAjax" onclick="return pageAjax();" rel="1">
				Xem bài cũ hơn
			</a>
		</p>
	</div>
</div>
{/block}